/**
 * KayPaste
 *
 * LICENSE
 *
 * This source file is subject to the new BSD license that is bundled
 * with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://www.opensource.org/licenses/bsd-license.php
 *
 * @copyright Copyright (c) 2007-2008 Robin Skoglund (http://robinsk.net/)
 * @license   http://www.opensource.org/licenses/bsd-license.php New BSD License
 * @author    Robin Skoglund
 */

/********************
 * GLOBAL STYLES
 *******************/
html {
    background-color: #f5f5f5;
}

body {
    
}

.clearfix {
    clear: both;
}

.hidden {
    display: none;
}

span.separator {
    margin: 0em 0.5em 0em 0.3em;
    border-right: 2px groove #ccc;
}

/********************
 * HEADER
 *******************/
#hd {
    font-size: 0.93em;
    background-color: #827049;
    border-bottom: 1px solid #756542;
    padding: 0em 1em;
    padding: 4px 1em 4px 1em;
}

#hd h1.logo {
    float: left;
    width: 32px;
    height: 32px;
    text-indent: -3000px;
    overflow: hidden;
    background: transparent url('gfx/logo_32.png') no-repeat scroll left top;
    margin: 0em 13px 0em 0em;
}

#hd h1.logo a {
    display: block;
    width: 32px;
    height: 32px;
}

#hd ul.navigation {
    float: left;
    padding: 5px 0px;
}

#hd ul.navigation li {
    float: left;
}

#hd ul.navigation li a {
    display: block;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    padding: 4px 8px 3px 8px;
}

#hd ul.navigation li a:hover {
    background-color: #4f442c;
    background-color: #362e1e;
}

#hd ul.navigation li.active a {
    background-color: #4f442c;
}

#hd ul.navigation li.active a:hover {
    background-color: #362e1e;
}

#hd ul.userbox {
    color: #fff;
    float: right;
    margin-top: 5px;
    padding: 4px 0px 3px 0px;
}

#hd ul.userbox li {
    float: left;
    border-left: 2px groove #ccc;
    margin-left: 0.5em;
    padding-left: 0.5em;
}

#hd ul.userbox li:first-child {
    border-left-width: 0px;
}

#hd ul.userbox a {
    color: #fff;
}

/********************
 * BODY
 *******************/
#bd {
    min-height: 420px;
    background-color: #fff;
    color: #333;
    border: 1px solid #ccc;
    border-top: 2px groove #635638;
    margin: 0em 0em 0em 0em;
    padding: 1em;
}

#bd h1,
#bd h2,
#bd h3,
#bd h4,
#bd h5,
#bd h6 {
    color: #4f442c;
}

#bd h1 {
    font-size: 1.97em;
    font-weight: bold;
    margin: 0.77em 0em;
}

#bd > div > h1 {
    margin-top: 0em;
}

#bd h2 {
    font-size: 1.47em;
    font-weight: bold;
    margin: 1em 0em 0.77em 0em;
}

#bd p {
    margin: 1.16em 0em;
}
 
/********************
 * FOOTER
 *******************/
#ft {
    margin: 0em 0em 1em 0em;
    padding: 0.5em 1em;
    
    background-color: #ccc9c2;
    color: #6a665c;
}

#ft a {
    color: #4f442c;
    text-decoration: none;
}

#ft a:hover {
    text-decoration: underline;
}

#ft ul li {
    font-size: 0.93em;
    float: left;
}

#ft ul.left {
    float: left;
}

#ft ul.left li {
    margin-right: 1em;
}

#ft ul.right {
    float: right;
}

#ft ul.right li {
    margin-left: 1em;
}
 
/********************
 * FORMS
 *******************/
form b.required {
    color: #ff0000;
    font-size: 1.4em;
}

form dl dd {
    margin-bottom: 8px;
}

form dl dt label {
    font-weight: bold;
}

form dl dt label.required {
    background: transparent url('gfx/required.gif') no-repeat scroll top right;
    padding-right: 8px;
}

form ul.errors li {
    color: #ff0000;
}

input, select {
    vertical-align: middle;
}

input.text {
    /*
    border: 1px solid #707070;
    */
    padding: 2px 2px;
}

#paste-submit {
    font-weight: bold;
    font-size: 1.16em;
    padding: 0.5em 1em;
}
